/* 
    Document   : ListaProductos
    Created on : Jun 11, 2014, 3:00:25 PM
    Author     : moises
    Description:
        Purpose of the stylesheet follows.
*/


.productos
{
    width: 100%;
    height: auto;
}
.productos ul{
    width: 100%;
    height: auto;
}
.productos ul > li{
    width:30%;
    height: 300px;
    
    margin: 10px;
    list-style: none;
    display:inline-table;
    box-sizing: border-box;
    border-radius: 5px;
    border-bottom: 2px solid #333333;
    
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
}
.precio{
    text-align: right;
    
}
.producto ul li label,p{
    color:white;
    padding:5px;
}
.productos ul > li:hover{
    box-shadow: 0px 0px 5px 5px appworkspace;
}
.productos ul > li >  h1,h2,h3,h4
{
    color:white;
    padding:5px;
}
.button
{
    background-color:rgba(1,1,1,0.7);;
    border:0;
    border-radius: 2px;
    padding: 10px;
    border-bottom: 1px solid #333333;
    -moz-transition: background-color 1s, box-shadow 1s,border-bottom 1s;
    -webkit-transition: background-color 1s, box-shadow 1s,border-bottom 1s;
    color:white;
    margin:5px;
}
.button:hover{
    background-color: #999999;
    box-shadow: 0 0 5px appworkspace;
    border-bottom: 3px solid rgba(1,1,1,0.9);
    
    
}

li > img
{
    border-radius: 50%;
    margin-left:10%;
    margin-top:10px;
    -moz-transition: border-radius 1s;
    -webkit-transition: border-radius 1s;
}
li > img:hover
{
    border-radius: 1%;
    
}

.transparencia ul > li{
    background-color: rgba(10,10,10,0.5);
}


.oculto
{
    display: none;
}